<template>
  <div>
    <van-grid :column-num="2" clickable>
      <van-grid-item
        :icon="item.icon"
        :key="item.name"
        :style="{color:item.color}"
        :text="item.name"
        :to="item.path"
        v-for="item in functionList"
      />
    </van-grid>
  </div>
</template>

<script>
export default {
  data() {
    return {
      functionList: [
        {
          name: "vant-swiper",
          icon: "wap-nav",
          path: "/views/swiper/vant-swiper",
        },
        {
          name: "vue-awesome-swiper",
          icon: "wap-nav",
          path: "/views/swiper/vue-awesome-swiper",
          color: "red",
        },
        {
          name: "vue-touch",
          icon: "thumb-circle-o",
          path: "/views/swiper/vue-touch",
          color: "#19B5FE",
        },
      ],
    };
  },
  created() {},
};
</script>

<style>
</style>